<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>后台登陆</title>
    <link rel="stylesheet" href="/static/plg/layui/css/layui.css">
    <link rel="stylesheet" href="/static/admin/css/login.css">
</head>
<body>
<div class="wrap">
    <div id="login">
        <div class="logo">后台登陆</div>
        <form class="layui-form login-form" action="{:url('admin/login/login')}" method="post">
            <div class="layui-form-item">
                <label class="layui-form-label">账号</label>
                <div class="layui-input-block">
                    <input type="text" name="username" required  lay-verify="required" placeholder="请输入您的账号" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item" >
                <label class="layui-form-label">密码</label>
                <div class="layui-input-block">
                    <input type="password" name="password" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item" style="margin-bottom: 30px;">
                <label class="layui-form-label">验证码</label>
                <div class="layui-input-block">
                    <input type="text" name="verify" placeholder="请输入验证码" required lay-verify="required" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button class="layui-btn layui-btn-xz" lay-submit lay-filter="*">登陆</button>
                    <button type="reset" class="layui-btn layui-btn-reset layui-btn-primary pull-right">重置</button>
                </div>
            </div>
            <div class="verify_img">
                <img src="{:captcha_src()}" alt="点击更换" title="点击更换" onclick="this.src='{:captcha_src()}?time='+Math.random()" class="captcha">
            </div>
        </form>
        <div class="bottom">
            认真努力！让更好的自己，在前方等你！
        </div>
    </div>
</div>
<script src="/static/plg/jquery/jquery-3.3.1.min.js"></script>
<script src="/static/plg/layui/layui.all.js"></script>
<script src="/static/admin/js/admin.js"></script>
<script>
    $("input[name='verify']").on('focus',function () {
        $(".verify_img").show()
    })

    $(".verify_img").on('mouseover',function () {
        $(".verify_img").stop().show()
        console.log("33")
    })
</script>
</body>
</html>